<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

    Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.

    This program and the accompanying materials are made available under the
    terms of the Eclipse Public License v. 2.0, which is available at
    http://www.eclipse.org/legal/epl-2.0.

    This Source Code may also be made available under the following Secondary
    Licenses when the conditions for such availability set forth in the
    Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
    version 2 with the GNU Classpath Exception, which is available at
    https://www.gnu.org/software/classpath/license.html.

    SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0

-->


<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:my="http://java.sun.com/jsf/composite/composite">
<h:head>
    <title>A Simple JavaServer Faces 2.0 View</title>
    <style type="text/css">
        .grayBox {
            padding: 8px;
            margin: 10px 0;
            border: 1px solid #CCC;
            background-color: #f9f9f9;
        }
    </style>

</h:head>
<h:body>
    <h:form prependId="false">

        <p>We nest a composite component inside a UIData. The composite
            component consists of
            a UICommand with an attached actionListener, in this case the
            attached actionListener
            is the composite component itself. When clicking the UICommand,
            \#{cc} must resolve
            to the composite component.
        </p>

        <p>We also added another action listener to the UICommand. This
            actionListener will resolve \#{component.family} via the EL API. It
            should return the family of UICommand
        </p>


        <div id="cc" class="grayBox" style="border: 1px solid #090;">
            <h:form id="form">
                <h:dataTable value="#{compositeBean.tableInputValues}"
                             id="table">
                    <h:column>
                        <my:javaTopLevelActionListenerComponent/>
                    </h:column>
                </h:dataTable>
            </h:form>
        </div>

    </h:form>
</h:body>
</html>
